// pages/category/category.js
const {
  categories
} = require('../../request/index');
Page({

  /**
   * 页面的初始数据
   */
  
  data: {
    list:[],
    leftMuauList:[],
    rightContent:[],
    selected:0,
    scrollTop:0,
    lazyload:true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let cates = wx.getStorageSync("cate");
    if(!cates){
      this.getCategories();
    }else{
      // 有cates，使用旧的数据
      if(Date.now()-cates.time>1000*10){
        this.getCategories();
      }else{
        console.log("使用旧数据")
        let leftMuauList = cates.data.map(ele => ele.cat_name);
        let rightContent = cates.data[0].children;
        this.setData({
          list: cates.data,
          leftMuauList,
          rightContent
        });
      }
    }
  },
  getCategories(){
    categories().then(res=>{
      let leftMuauList=res.data.message.map(ele=>ele.cat_name);
      wx.setStorageSync('cate', {time:Date.now(),data:res.data.message});
      this.setData({
        list:res.data.message,
        leftMuauList,
        rightContent: res.data.message[0].children
      });
    })
  },
  changeSelected(e){
    let index = e.currentTarget.dataset.index;
    let rightContent=this.data.list[index].children
    this.setData({
      selected:index,
      rightContent: rightContent,
      //每次点击完成之后把scroll-top的值设置为0；
      scrollTop:0,
      lazyload:true
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})